<template>
    <div class="mainContent">
    <!-- 左侧导航条 -->
        <!-- <div class="leftNavigationBar"></div> -->
        <navigation-bar @navigationBarSelect="navigationBarSelect"></navigation-bar>
    <!-- 右侧(设置宽度时请默认减去200px,如新页面width: calc(100% - 200px)) -->
        <!-- 拍卖平台 -->
        <side-stage v-show="sideStageIndex == 0?true:false"></side-stage>
        <!-- 下载中心 -->
        <download-center v-show="sideStageIndex == 1?true:false"></download-center>
        <!-- 数据可视化 -->
        <!-- <data-visualization v-show="sideStageIndex == 2?true:false"></data-visualization> -->
    </div>
</template>

<script>
import navigationBar from '@/components/MainContent/NavigationBar/navigation-bar.vue'
import sideStage from '@/components/MainContent/SideStage/side-Stage.vue'
import downloadCenter from '@/components/MainContent/DownloadCenter/download-center.vue'
export default {
    components:{
        navigationBar,
        sideStage,
        downloadCenter,
    },
    data(){
        return {
            sideStageIndex:0
        }
    },
    methods:{
        navigationBarSelect:function (index) {
            this.sideStageIndex = index
        }
    }
}
</script>

<style lang="less" scoped>
.mainContent{
    width: 100%;
    height: calc(100% - 82px);
    display: flex;
}

.el-table .cell{
    text-align: start;
}
</style>